export const myTheme = {
  default: {
    colors: {
      secondary: '#666666',
    },
  },
  dark: {
    colors: {
      secondary: '#999999',
    },
  },
}

// 生成安全列表，确保所有主题相关的类名都会被生成
export const safelist = () => {
  const arr: string[] = []
  const themes = Object.keys(myTheme)
  const colors = Object.keys(myTheme.default.colors)

  themes.forEach((theme) => {
    colors.forEach((color) => {
      arr.push(`${theme}:text-${color}`)
      arr.push(`${theme}:bg-${color}`)
      arr.push(`${theme}:border-${color}`)
    })
  })

  return arr
}

export default myTheme
